<script setup lang="ts">
const widths = ref<string[]>([])

function getRandomWidth() {
  return `${143 + Math.random() * 131}rpx`
}

onMounted(() => {
  const tempWidths: string[] = []
  for (let i = 0; i < 6; i++)
    tempWidths.push(getRandomWidth())

  widths.value = tempWidths
})
</script>

<template>
  <view class="grid grid-cols-2" gap-36rpx>
    <view v-for="item, index in 6" :key="item" class="h-28rpx skeleton rounded-10rpx" :style="{ width: widths[index] }" />
  </view>
</template>
